@charset "utf-8";

/* 通用 */
body{font-family: "微软雅黑"; min-width: 1024px; overflow: hidden;}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner { border:none; padding:0; }
button{overflow: hidden;}
.btn{display: inline-block; *display: inline; zoom: 1; text-align: center; padding: 5px 20px;  border: none; border-radius: 5px;  color: #fff; cursor: pointer; font-family: "微软雅黑"; background: #2482D8; font-size: 14px; outline: none; vertical-align: middle;}
.btn {
    *overflow:visible ;
}
.btn:hover{background: #66B0F3;}

.btns-group{text-align: center; margin:20px 0;}

.message{font-size: 12px; display: none; margin-top: 5px; max-width:320px;}
.message em{display: inline-block; *display: inline; zoom: 1;  height: 12px; width: 12px; margin:0 5px;}
.msg-error em{background: url(../images/img_icos.png) -36px -112px no-repeat;}
.msg-success em{background: url(../images/img_icos.png) -29px -126px no-repeat;}
.msg-tip em{background: url(../images/img_icos.png) -44px -126px no-repeat;} .msg-error i{color: red;}
.msg-tip i{color: blue;}

.color-red{color: red !important;}

/* header */
.header{background: url(../images/header_bg.png) repeat-x;}
.header .brand{padding:11px 0 12px 21px; font-size: 0; display: block;}
.header .brand-title-long,.header .brand-title-short{padding: 11px 0 12px 0; font-size: 0; display: none;}
.header .brand-title-long{display:block;}
.header .nav{width: 42.9%; min-width: 547px; margin-left: 47px;}
.header .nav,.header .nav li{float: left;}
.header .nav li{padding-top: 17px; border-right: 1px solid #3E9DE7; width: 16%; min-width: 90px; height: 69px;}
.header .nav li:first-child{border-left: 1px solid #3E9DE7;}
.header .nav li.active{background: #0065B3;}
.header .nav li:hover{background: #0065B3;}
.header .nav li .nav-ico{background: url(../images/nav_ico.png) no-repeat; height: 33px; margin:0 auto;}
.header .nav li p{margin-top: 5px; text-align: center; font-size: 14px; color: #fff; }
.header .nav li .nav-home-ico{width: 34px; background-position: 0 0;}
.header .nav li .nav-gear-ico{width: 32px; background-position: -60px 0;}
.header .nav li .nav-mail-ico{width: 37px; background-position: -120px 4px;}
.header .nav li .nav-recover-ico{width: 33px; background-position: -186px 5px;}
.header .nav li .nav-question-ico{width: 26px; background-position: -246px 2px;}
.header .welcome{padding-top: 32px; padding-right: 20px;}
.header .welcome a{font-size: 12px; color: #fff; margin-left: 10px; float: left;}
.header .welcome span{float: left; margin-left: 3px; display: inline-block;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .welcome em.icos{background:url(../images/img_icos.png)  no-repeat; display: inline-block; *display: inline; zoom: 1; float: left;}
.header .welcome em.icos-power{height:13px;width:11px;background-position:-60px -72px; margin-top: 2px;}
.header .welcome em.icos-user{height:13px;width:13px; background-position:-39px -73px; margin-top: 1px;}

/* container */
.container{position: absolute; top: 86px; left: 0; right: 0; bottom: 0;}

/* sidebar */
.sidebar{width: 225px; position: absolute; overflow: hidden; background: #F1F9FC; top: 0; left: 0; z-index: 99; height: 100%;}
.sidebar-toggler{padding:5px; border-bottom: 1px solid #DFDFDF; position: absolute; top: 0; left: 0; right: 0;  z-index: 98; background: #F1F9FC;}
.sidebar-toggler a.icos-toggler{display: inline-block; *display: inline; zoom: 1; float: right; height:24px;width:27px; background:url(../images/img_icos.png)  no-repeat;  font-size: 0;}
.sidebar-toggler a.toggler-close{background-position:0 -73px;}
.sidebar-toggler a.toggler-open{background-position:0 -106px;}
.sidebar-menu{padding-top: 35px;}
ul.sidebar-menu > li{border-bottom: 1px solid #DFDFDF; width: 225px;}
ul.sidebar-menu > li.active{border-top: 1px solid #009DFF;}
ul.sidebar-menu > li a{height: 42px; line-height: 42px; display: block; font-size: 14px;}
ul.sidebar-menu > li > a{padding-left: 15px; color: #464646; position: relative;}
ul.sidebar-menu > li.active > a{background: #2682D6; color: #fff;}
ul.sidebar-menu > li > a i.arrow{display: block; position: absolute; width: 10px; height: 11px; background: url(../images/list_arrow.png) 3px 0 no-repeat; right: 15px; top: 15px;}
ul.sidebar-menu > li.active > a i.arrow{background-position: -16px 2px;}
ul.sidebar-menu > li a em.icos{display: inline-block; *display: inline; zoom: 1;  background:url(../images/img_icos.png)  no-repeat; margin-right: 10px;}

ul.sidebar-menu > li a em.icos-list{height:12px;width:17px;background-position:-61px -28px;}
ul.sidebar-menu > li a em.icos-edit{height:15px;width:17px;background-position:-31px -28px;}
ul.sidebar-menu > li a em.icos-user{height:14px;width:17px;background-position:-1px -28px;}

ul.sidebar-menu > li.active a em.icos-edit{height:15px;width:17px;background-position:-31px -49px;}
ul.sidebar-menu > li.active a em.icos-list{height:12px;width:17px;background-position:-61px -49px;}
ul.sidebar-menu > li.active a em.icos-user{height:14px;width:17px;background-position:-1px -50px;}

ul.sub-menu {display: none;}
ul.sidebar-menu > li.active ul.sub-menu {display: block;}
ul.sub-menu > li a{padding-left: 42px; color: #707070;}
ul.sub-menu > li.on a{background: #E0ECF3;}
ul.sub-menu > li.on a:hover{background: #E0ECF3;}

/* page-content */
.page-content{position: absolute; top: 0; right: 0; bottom: 0; left: 225px; min-width: 799px;}
.cont-area{color: #7B7B7B; font-size: 12px; height: 34px; line-height: 34px; width: 100%; background: #F7F7F7; border-bottom: 1px solid #EDEDED; position: absolute; z-index: 98; top: 0; left: 0; right: 0;}
.cont-area i{display: inline-block; zoom: 1; *display: inline;  height: 13px; width: 16px; background: url(../images/img_icos.png) -59px -93px no-repeat; margin: 10px 5px 10px 10px;}

/* 数据表格 */
.data-grid{padding: 0 12px;}
.grid-toolbar{position: absolute; z-index: 98; top: 35px; background: #fff; left: 0; right: 0; padding: 0 12px;}
.grid-title{height: 41px;}
.grid-title p{height: 40px; line-height: 40px; font-size: 16px; padding-left: 10px; position: absolute; left: 0; right: 0; border-bottom: 1px solid #EDEDED;}
.search-box{margin-top: 7px; white-space: nowrap; padding-bottom: 8px;}
.search-group{width: 18%; min-width: 172px; display: inline-block;}
.time-group{width: 36%; min-width: 344px; display: inline-block;}
.search-group label,.time-group label{font-size: 14px; display: inline-block; width: 80px; text-align: right; color: #6C6C6C;}
.time-group span{font-size: 14px; color: #6C6C6C;}
.search-group input,.time-group input{height: 28px; line-height: 28px; border: 1px solid #DDDDDD; padding-left: 5px; outline: none;}
.search-group input{width: 48%;}
.time-group input{width: 31%;}
.search-group select{height: 30px; width:50%;  border: 1px solid #DDDDDD; outline: none;}
.search-group input:focus,.search-group select:focus,.time-group input:focus{border-color: #999999;}
.search-btns{height: 30px; display: inline-block;}
.long-search-btns,.short-search-btns{height: 30px; display: none;}
.short-search-btns{position: relative;}
.short-search-btns .btns-list{display: none; position: absolute; top: 30px; left: 0; border:1px solid #3E9DE7; z-index: 69; background: #fff;}
.short-search-btns .btns-list a{display: block; text-align: center; height: 30px; line-height: 30px; padding: 0 5px; font-size: 14px;}
.short-search-btns .btns-list a:hover{background: #2482D8; color: #fff;}
.short-search-btns:hover .btns-list{display: block;}
.search-btns .btn{border-radius: 5px; padding: 0 10px; line-height: 30px; height: 30px;}
.search-btns i.icos{display: inline-block; zoom: 1; *display: inline;  background:url(../images/img_icos.png)  no-repeat;}
.search-btns i.icos-list{height:16px;width:17px;background-position:-31px 0; margin-top: 6px;}
.search-btns i.icos-reset{height:16px;width:17px;background-position:-34px -92px; margin-top: 6px;}
.search-btns i.icos-search{height:18px;width:18px;background-position:-1px 0; margin-top: 5px;}
.search-btns i.icos-level{height:16px;width:18px;background-position:-61px -1px; margin-top: 6px;}
.search-btns span{margin-left: 7px;}

.fn-btns{padding-bottom: 8px;}

.data-grid .thead{position: absolute; left: 0; right: 0; padding: 0 12px;}
.data-grid .tbody{padding-bottom: 39px;}
.data-grid table{width: 100%;}
.data-grid table tr{border:1px solid #F3F3F3;}
.data-grid tbody tr:nth-child(even){background: #FBFBFB;}
.data-grid tbody tr:hover{background: #E6F2F9;}
.data-grid table td,.data-grid table th{text-align: center; padding: 5px; font-size: 14px; word-break:break-all}
.data-grid table th{color: #545455; background: #E8E8E8;}
.data-grid table td p{display:inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.data-grid table td a{color: #1E5897; margin: 0 5px;}

.grid-page{height: 38px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 12px; border-top: 1px solid #EDEDED;}
.dom-page{width: 100%; margin: 0 auto;}
.page-left,.grid-page .page-right{width: 50%;}
.page-left{text-align: left; line-height: 38px; font-size: 12px; color: #565656;}
.page-right{text-align: right; font-size: 12px; padding: 5px 0; vertical-align: middle;}
.page-right a{display: inline-block; *display: inline; zoom: 1; padding: 5px; border: 1px solid #EAEAEA; color: #1F63AC;}
.page-right span{vertical-align: middle; display: inline-block; *display: inline; zoom: 1; color: #565656;}
.page-right span.j-page-totalPage{vertical-align:baseline; }
.page-right span input{color: #565656;}
.page-right input{width: 30px; text-align: center; margin:0 5px;}

/* 数据表单 */
.form-page{padding:0 12px; padding-top: 35px;}
.form-block{border:1px solid #DDDDDD; margin-top: 40px; position: relative; padding:20px 15px;}
.form-block h2{position: absolute; background: #fff; font-size: 14px; color: #000; top: -10px; left: 15px; padding:0 10px;}
.row{font-size: 14px; }
.row .col{height: 28px; margin-right: 10px; padding:1px 0; padding:10px 0; width: 30%; min-width: 450px;}
.row label{display: inline-block; *display: inline; zoom: 1;  line-height: 24px; min-width: 110px; text-align: right;}
.row label em{color:red;}
.row label.vertical-top{vertical-align: top;}
.row input[type=text],.row input[type=password]{height: 24px; line-height: 24px; border:1px solid #DDDDDD; outline: none; padding-left: 5px; margin-right: 5px;}
.row select{height: 24px; line-height: 24px; border: 1px solid #DDDDDD;}
.row textarea{width: 40%; height: 50px; padding: 5px; resize: none; border: 1px solid #DDDDDD; outline: none;}
.row input[type=text]:focus,.row .col select:focus,.row textarea:focus{border-color: #8b8786;}
.row a{font-size: 12px; color: #4c8cbd; margin-left: 10px;}
.row .check-group{display: inline-block; *display: inline; zoom: 1;  margin-right: 15px;}
.row .radio-group{display: inline-block; *display: inline; zoom: 1;  margin-left: 30px; display: none;}
.row table{width: 100%;}
.row table thead{background: #EFEFEF;}
.row table td,.row table th{text-align: center; padding:5px; border:1px solid #E4E4E4;}

/* 登陆页 */
.login-layout{margin:0 auto; padding-top: 100px; width: 800px; background: url(../images/login_bg.jpg) 0 35px no-repeat;}
.login-layout p.blank{font-size: 16px; text-align: center; color: #fff;}
.login-layout .login-title{background: url(../images/title_font.png) no-repeat center; height: 71px;}
.login-layout .login-box{position:relative; margin: 0 auto; margin-top: 15px; width: 580px; height: 400px;  background: #fff; box-shadow: 0 0 10px #000; border-radius: 2px;}
.login-box a.forget-link{line-height: 30px; font-size: 14px; color:#8B8786; text-decoration: underline; margin-left: 10px; position:absolute; right:20px;bottom:10px;}
.login-box .logo{padding-top:44px; text-align: center; font-size: 0;}
.login-form{margin:0 auto; padding-top: 38px; width: 380px;}
.login-form .input-group{padding-bottom: 12px;}
.login-form .input-group label{font-size: 16px; color: #878787; font-weight: bold; line-height: 30px;}
.login-form .input-group input{padding-left: 10px; border: 1px solid #CECCCD; height: 28px; line-height: 28px; border-radius: 2px; width: 299px; outline: none; color: #CECCCD;}
.login-form .input-group input.password{display: none;}
.login-form .input-group input.code{width: 99px;}
.login-form .input-group span.code-img{margin-left: 10px; padding: 2px 0;}
.login-form .input-group a.code-reset{line-height: 30px; font-size: 14px; color:#8B8786; text-decoration: underline; margin-left: 10px;}
.login-form .input-group input:focus{border-color: #8b8786; color: #000;}
.login-form .btn-group{text-align: center; padding-top: 20px;}
.login-form .btn-group .login-btn,.login-form .btn-group .reset-btn{width: 130px; height: 43px; font-size: 18px; margin:0 5px; padding: 0;}
.login-form .btn-group .login-btn{background: #d03614;}
.login-form .btn-group .reset-btn{background: #1a548e;}
.login-form .btn-group .login-btn:hover{background: #e0421f;}
.login-form .btn-group .reset-btn:hover{background: #3b81c8;}
.btm-shaow{margin: 0 auto; width: 580px; height: 40px; background: url(../images/btm_shaow.png) no-repeat;}


/* 弹窗 */
.ui-dialog-bg{position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); z-index: 998; top: 0; left: 0; right: 0; bottom: 0;}
.ui-dialog{position: fixed; z-index: 999;  left: 0; right: 0; top: 100px; }
.ui-dialog-center{width: 564px; background: #fff; margin:0 auto;}
.ui-dialog-header{ background: #2482D8; height: 35px; line-height: 35px; position: relative;}
.ui-dialog-header span{color: #fff; padding-left: 30px;}
.ui-dialog-header i.ui-dialog-close{display: inline-block; *display: inline; zoom: 1; height: 23px; width: 23px; background: url(../images/img_icos.png) -56px -107px no-repeat; position: absolute; right: 6px; top: 6px; cursor: pointer;}
.ui-dialog-content{border:2px solid #2482D8; border-top: none; padding: 20px;}


/* 弹窗表单 */
.form-group{margin-top: 10px; font-size: 14px;}
.form-group label{display: inline-block; width: 130px; text-align: right; line-height: 24px;}
.form-group label.vertical-top{vertical-align: top;}
.form-group label em{color: red; font-weight: bold; margin: 0 5px;}
.form-group input{width: 200px; padding-left: 5px; border: 1px solid #DDDDDD; height: 24px; line-height: 24px; outline: none;}
.form-group input:focus{border-color: #8b8786;}
.form-group select{height: 24px; min-width: 100px; border: 1px solid #DDDDDD; outline: none;}
.form-group select:focus{border-color: #8b8786;}
.form-group textarea{width: 195px; height: 50px; padding: 5px; resize: none; border: 1px solid #DDDDDD; outline: none;}
.form-group textarea:focus{border-color: #8b8786;}
.form-group input.codeBtn{width:100px; margin-left:5px; height:26px; cursor:pointer; border:none; background:#d03614; color:#fff; font-weight:bold;}
.form-group input.codeBtn:hover{background:#e0421f;}
.form-group input.disableBtn{width:100px; margin-left:5px; height:26px; background:#999; color:#fff; font-weight:bold; border:none;}
.ui-dialog-btns{text-align: center; margin-top: 20px;}
.ui-dialog-btns .btn{margin:0 10px; font-size: 16px;}
.ui-dialog-btns .blue{background: #2482D8;}
.ui-dialog-btns .yellow{background: #EA9820;}
.ui-dialog-btns .red{background: #F34528;}
.ui-dialog-btns .blue:hover{background: #66B0F3;}
.ui-dialog-btns .yellow:hover{background: #EAC220;}
.ui-dialog-btns .red:hover{background: #ED6754;}

/* 信息块 */
.info-block{padding:0 12px; padding-top: 35px; font-size: 14px;}
.info-group{float: left; margin-top: 15px; width: 33%; min-width: 315px;}
.info-group label{display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #EEEDED;}

/* 弹窗表格 */
.dialog-desc{font-size: 14px;}
.dialog-table table{width: 100%; font-size: 14px;}
.dialog-table thead{background: #E8E8E8;}
.dialog-table table th,.dialog-table table td{text-align: center; padding:5px;}
.dialog-table table th{color: #545455}
.dialog-table tbody tr:nth-child(even) {background: #FBFBFB;}
.dialog-table tbody tr:hover {background: #E6F2F9;}
.dialog-table table tr{border: 1px solid #F3F3F3;}
.dialog-dom table td a{color: #1E5897}

/* .nomal-table */
.nomal-dom{padding: 0 12px; padding-top: 35px;}
.nomal-dom table{width: 100%;}
.nomal-dom table{width: 100%; font-size: 14px;}
.nomal-dom thead{background: #E8E8E8;}
.nomal-dom table th,.nomal-dom table td{text-align: center; padding:5px;}
.nomal-dom table th{color: #545455}
.nomal-dom tbody tr:nth-child(even) {background: #FBFBFB;}
.nomal-dom tbody tr:hover {background: #E6F2F9;}
.nomal-dom table tr{border: 1px solid #F3F3F3;}
.nomal-dom table td a{color: #1E5897}
.table-title h1{font-size: 14px; text-align: center;}


/* datagrid左右分布 */
.wp80{width: 80%; position: absolute; left: 20%; top: 0; bottom: 0;}
.wp20{width: 20%; position: absolute; top: 0; bottom: 0;}

/* 组织机构 */
#depScroll{border-right: 1px solid #EDEDED;}
.deparment{padding-top: 75px;}
.deparment-title{height: 40px; line-height: 40px; font-size: 16px; padding-left: 10px; border-bottom: 1px solid #EDEDED; position: absolute; top: 35px; background: #fff; left: 0; right: 1px;}

/* 首页 */
.index-page{min-width: 1024px;}
.index-w50{width: 50%; height: 509px; overflow: hidden;}
.index-w100{width: 100%;}
.index-hidden{display: none;}
.info-table,.pie-chart,.line-chart{padding: 0 10px;}
.inner-body{padding:10px; border: 1px solid #DADADA;}
.index-title{padding-left: 10px; background: #DADADA; font-size: 16px; color: #494949; height: 30px; line-height: 30px;}
.info-table table{width: 100%;}
.info-table table td{text-align: center; border: 1px solid #E4E4E4; font-size: 14px; line-height: 30px;}

.terminal-list{padding:0 60px 0 156px; width: 770px; position: relative; overflow: hidden; height: 40px;}
.terminal-list .hidden-dom{overflow: hidden;}
.terminal-list .prev,.terminal-list .next{position: absolute; height: 40px; width: 40px; background: blue; cursor: pointer; background: url(../images/prev_next.png) no-repeat;}
.terminal-list .whole{position: absolute; left: 0; top: 0;}
.terminal-list .whole a{height: 40px; line-height: 40px; width: 76px; text-align: center; background: #D3D3D3; color: #333; display: block; font-size: 14px;}
.terminal-list .whole:hover a{background: #F8AB3E; color: #fff;}
.terminal-list .prev{top: 0; left: 96px; background-position: 0 0;}
.terminal-list .next{top: 0; right: 0; background-position: -40px 0;}
.terminal-list .prev:hover{background-position: 0 -40px;}
.terminal-list .next:hover{background-position: -40px -40px;}
.terminal-list li{float: left; height: 40px; line-height: 40px;  margin: 0 10px;}
.terminal-list li a{display: block; color: #333; background: #D3D3D3; font-size: 14px; width: 80px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 5px;}
.terminal-list li:hover a{background: #F8AB3E; color: #fff;}
.terminal-list li.active a,.terminal-list .whole a.active{background: #33A56A; color: #fff;}

/* 账户安全说明 */
.explain{background:url("../images/safe_img.png") no-repeat; padding-left:90px; height:103px; padding-bottom: 10px; width: 300px; margin: 0 auto;}
.explain p{margin-left: 10px;padding-top: 20px;color: #666;}

/* 修改密码 */
.activate-layout{margin: 0 auto; margin-top: 180px; width: 500px;  background: #fff; box-shadow: 0 0 10px #000; border-radius: 2px; padding: 40px 35px;}
.activate-layout .btn-group{text-align: center;padding-top: 20px;}
.activate-layout .btn-group .btn{width: 90%;height: 40px;}